@charset "UTF-8";
.page-main { background: #fff; padding-bottom: 80px; padding-top: 30px; }

.left_cont { float: left; margin-left: 50px; }

.right_cont { float: right; margin-right: 50px; }

.out { position: relative; width: 650px; height: 260px; }

.out .img li { position: absolute; top: 0; left: 0; display: none; width: 100%; }

.out .img li img { width: 100%; height: 260px; }

.out .num { position: absolute; bottom: 10px; width: auto; z-index: 10; right: 0; }

.out .num li { width: 15px; height: 15px; display: inline-block; margin-right: 20px; cursor: pointer; border-radius: 50%; background: #fff; }

.out .num li.active { background: #ffb700; }

.out .tip { position: absolute; width: 70px; height: 135px; background: url(../images/pink.png?v=e2443); top: 0; left: 30px; z-index: 10; }

.out .tip p { float: left; color: #fff; width: 35px; text-align: center; font-size: 16px; padding-top: 20px; }

.out .tip span { display: block; width: 44px; height: 1px; background: #fff; position: absolute; bottom: 15px; left: 13px; }

.out .info { position: absolute; top: 20px; right: 20px; width: 85px; height: 172px; border: solid 1px #ffb700; z-index: 10; }

.out .cont { width: 49px; height: 136px; margin: 3px auto; background: #ffb700; padding: 15px; font-size: 12px; color: #fff; position: relative; }

.out .cont p { float: left; width: 24px; text-align: center; }

.out .cont span { display: block; padding-top: 10px; border-top: solid 1px #fff; position: absolute; bottom: 15px; left: 22px; }

.media-list li { margin-top: 20px; width: 610px; padding: 19px; border: solid 1px #e9e9e9; cursor: pointer; height: 150px; }

.media-list li:hover { background: #ffb700; border: solid 1px #ffb700; box-shadow: 0px 0px 4px 4px #f2dedd; }

.media-list img { float: left; width: 170px; height: 100%; }

.media-list .info { float: right; width: 420px; }

.media-list .title { width: 100%; font-size: 16px; font-weight: bold; color: #666; line-height: 40px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.media-list .text { width: 100%; color: #666; line-height: 25px; height: 75px; overflow: hidden; }

.media-list .bot { font-size: 12px; color: #999; line-height: 25px; margin-top: 10px; height: 25px; }

.media-list li:hover .title, .media-list li:hover .text, .media-list li:hover .bot { color: #fff; }

.media-list .more { display: block; width: 650px; height: 50px; margin-top: 30px; background: #ffb700; color: #fff; text-align: center; line-height: 50px; }

.media-list .more:hover { background: #e7a601; }

.right-con { width: 290px; padding: 19px; border: solid 1px #e9e9e9; margin-bottom: 20px; }

.right-con .head { width: 100%; height: 45px; border-bottom: solid 1px #ccc; font-size: 24px; color: #333; }

.hot-list { width: 100%; overflow: hidden; height: 174px; }

.hot-list li { float: left; width: 85px; height: 30px; border-radius: 5px; background: #eee; color: #333; text-align: center; line-height: 30px; margin: 20px 17px 0 0; cursor: pointer; }

.hot-list li:hover { background: #ffb700; color: #fff; }

.right-list { width: 100%; height: auto; }

.right-list li { margin-top: 35px; width: 100%; color: #666; cursor: pointer; }

.right-list .title { width: 100%; line-height: 20px; font-size: 16px; text-indent: 30px; font-weight: bold; background-repeat: no-repeat; background-image: url(../images/media-icon1.png?v=5df1e); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.right-list .text { width: 100%; line-height: 25px; height: auto; max-height: 50px; margin-top: 15px; overflow: hidden; }

.right-list li:hover .title { color: #ff6499; }

.right-list.diamond .title { background-image: url(../images/media-icon2.png?v=ce727); }

.ewm { text-align: center; }

.ewm div { width: 212px; height: 212px; background-image: url(../images/ewm.png?v=cbe5c); margin: 0 auto; margin-top: 15px; padding: 15px; }

.ewm img {  height: 100%; }

.ewm p { color: #505050; margin-top: 25px; margin-bottom: 10px; }

/*详情*/
.media-detail { float: left; margin-left: 50px; width: 610px; padding: 30px 19px; border: solid 1px #e9e9e9; height: auto; }

.media-detail .title { line-height: 40px; font-size: 24px; color: #333; text-align: center; }

.media-detail .info { height: 30px; border-bottom: solid 1px #ccc; color: #999; margin-top: 40px; }

.media-detail .info p { width: 33%; float: left; }

.media-detail .t-center { text-align: center; }

.media-detail .r { text-align: right; }

.media-detail img { width: 100%; margin-top: 20px; }

.media-detail .head-text, .media-detail .text { color: #666; line-height: 25px; }

.media-detail .head-text { margin-top: 25px; }

.media-detail .text { text-indent: 2em; }

.media-detail .line { width: 100%; height: 1px; background: #ccc; margin-top: 90px; }

.media-detail .laud { display: block; margin: 0 auto; width: 98px; height: 98px; margin-top: -45px; background: url(../images/laud.png?v=2245f); }

.media-detail ul { float: left; margin-top: 10px; }

.media-detail li { color: #999; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 315px; }

.media-detail li a { color: #333; }

.media-detail .link-cont { float: right; margin-top: 25px; }

.media-detail .link-cont i { display: inline-block; width: 10px; height: 10px; margin-top: 9px; background-image: url(../images/icon.png?v=2d171); background-position: -29px -32px; float: left; }

.media-detail .link-cont span { float: left; color: #666; line-height: 30px; margin-left: 10px; margin-right: 20px; }

.media-detail .link-cont a { display: block; width: 30px; height: 30px; float: left; margin-left: 20px; background-image: url(../images/icon.png?v=2d171); }

.media-detail .link-cont .qq { background-position: 0 -76px; }

.media-detail .link-cont .qq:hover { background-position: 0 -106px; }

.media-detail .link-cont .weix { background-position: -30px -76px; }

.media-detail .link-cont .weix:hover { background-position: -30px -106px; }

.media-detail .link-cont .weibo { background-position: -60px -76px; }

.media-detail .link-cont .weibo:hover { background-position: -60px -106px; }

.hot-list .act{background:#ffb700}

.media-detail .content {  color: #666; line-height: 25px;}

.sharebtnbox{clear:both;}

.sharebtnbox {float: left;padding: 8px 0 0;position: relative;zoom: 1;margin-left: 450px; }

.sharebtnbox .share-label, .sharebtnbox .bdshare-button-style0-16 {float: left;}